<template>
    <div>
      <el-checkbox class="filter-item" style='margin-left:15px;' @change='tableKey=tableKey+1' v-model="todayAppointment">今日预约</el-checkbox>
      <el-input @keyup.enter.native="handleFilter" style="width: 200px;" class="filter-item" placeholder="输入患者姓名/手机号后四位" v-model="nameTel">
      </el-input>
      <el-input @keyup.enter.native="handleFilter" style="width: 200px;" class="filter-item" placeholder="就诊卡号/身份证号" v-model="cradNo">
      </el-input>
      <el-select clearable style="width: 90px" class="filter-item" v-model="origin" placeholder="预约来源">
        <el-option v-for="item in originOptions" :key="item" :label="item" :value="item">
        </el-option>
      </el-select>
      
      <el-button class="filter-item" type="primary" v-waves icon="el-icon-search" @click="handleFilter">{{$t('table.search')}}</el-button>
      <el-button class="filter-item" style="margin-left: 10px;" @click="handleCreate" type="primary" icon="el-icon-edit">{{$t('table.add')}}</el-button>
      <el-button class="filter-item" type="primary" :loading="downloadLoading" v-waves icon="el-icon-download" @click="handleDownload">{{$t('table.export')}}</el-button>
    </div>
</template>

<script>
    export default {
      data() {
        return {
          todayAppointment: false,
          nameTel: '',
          cradNo: '',
          originOptions: [
            '平台预约',
            '院内预约',
            '双向转诊'
          ]

        }
      }
    }
</script>

<style scoped>

</style>